﻿<Application
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:System="clr-namespace:System;assembly=mscorlib" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:dataClass="clr-namespace:Microsoft.ProductivityHub.SilverlightProductCarousel"
	x:Class="Microsoft.ProductivityHub.SilverlightProductCarousel.App" mc:Ignorable="d">
	<Application.Resources>
		<!-- Resources scoped at the Application level should be defined here. -->
        <dataClass:BindableValues x:Key="HubColorsDataSource"/>
        
		<Color x:Key="Gradient_LightGray">#FFF1F1F1</Color>
        
		<Color x:Key="Gradient_DarkGray">#FFEAEAEA</Color>
		<Color x:Key="Gray_666">#FF666666</Color>
		<Color x:Key="Gray_333">#FF333333</Color>
        <Color x:Key="Black">Black</Color>
        <Color x:Key="White">#FFFFFFFF</Color>
        
        
        <ControlTemplate x:Key="Cannes_ThumbControl" TargetType="Thumb">
			<Grid Width="18">
				<VisualStateManager.VisualStateGroups>
					<VisualStateGroup x:Name="CommonStates">
						<VisualState x:Name="Normal"/>
						<VisualState x:Name="MouseOver">
							<Storyboard>
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)">
									<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.85"/>
								</DoubleAnimationUsingKeyFrames>
								<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)">
									<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Black}"/>
								</ColorAnimationUsingKeyFrames>
								<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
									<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Gradient_DarkGray}"/>
								</ColorAnimationUsingKeyFrames>
							</Storyboard>
						</VisualState>
						<VisualState x:Name="Pressed">
							<Storyboard>
								<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
									<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Gradient_DarkGray}"/>
								</ColorAnimationUsingKeyFrames>
								<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)">
									<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Black}"/>
								</ColorAnimationUsingKeyFrames>
								<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(FrameworkElement.Margin)">
									<DiscreteObjectKeyFrame KeyTime="00:00:00">
										<DiscreteObjectKeyFrame.Value>
											<Thickness>1,1,-1,-1</Thickness>
										</DiscreteObjectKeyFrame.Value>
									</DiscreteObjectKeyFrame>
								</ObjectAnimationUsingKeyFrames>
							</Storyboard>
						</VisualState>
						<VisualState x:Name="Disabled">
							<Storyboard>
								<DoubleAnimationUsingKeyFrames Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="Opacity">
									<SplineDoubleKeyFrame KeyTime="0:0:0" Value="0.3"/>
								</DoubleAnimationUsingKeyFrames>
							</Storyboard>
						</VisualState>
					</VisualStateGroup>
				</VisualStateManager.VisualStateGroups>
				<Grid x:Name="ThumbVisual" Margin="0">
					<Border x:Name="border" HorizontalAlignment="Center" Margin="0" Width="18" BorderThickness="1" CornerRadius="3">
						<Border.Effect>
							<DropShadowEffect BlurRadius="6" Opacity="0" ShadowDepth="1"/>
						</Border.Effect>
						<Border.BorderBrush>
							<SolidColorBrush Color="{StaticResource Gray_333}"/>
						</Border.BorderBrush>
						<Border.Background>
							<SolidColorBrush Color="{StaticResource Gradient_LightGray}"/>
						</Border.Background>
						<Grid Margin="0" Width="6" Height="7" HorizontalAlignment="Center" VerticalAlignment="Center">
							<Rectangle x:Name="rectangle" Height="1" VerticalAlignment="Top">
								<Rectangle.Fill>
									<SolidColorBrush Color="{StaticResource Gray_333}"/>
								</Rectangle.Fill>
							</Rectangle>
							<Rectangle x:Name="rectangle1" Height="1" VerticalAlignment="Center">
								<Rectangle.Fill>
									<SolidColorBrush Color="{StaticResource Gray_333}"/>
								</Rectangle.Fill>
							</Rectangle>
							<Rectangle x:Name="rectangle2" Height="1" VerticalAlignment="Bottom">
								<Rectangle.Fill>
									<SolidColorBrush Color="{StaticResource Gray_333}"/>
								</Rectangle.Fill>
							</Rectangle>
						</Grid>
					</Border>
				</Grid>
			</Grid>
		</ControlTemplate>
      
		<Style x:Key="Cannes_ScrollViewer" TargetType="ScrollViewer">
			<Setter Property="HorizontalContentAlignment" Value="Left"/>
			<Setter Property="VerticalContentAlignment" Value="Top"/>
			<Setter Property="VerticalScrollBarVisibility" Value="Visible"/>
			<Setter Property="Padding" Value="4"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="BorderBrush">
				<Setter.Value>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFA3AEB9" Offset="0"/>
						<GradientStop Color="#FF8399A9" Offset="0.375"/>
						<GradientStop Color="#FF718597" Offset="0.375"/>
						<GradientStop Color="#FF617584" Offset="1"/>
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="ScrollViewer">
						<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2">
							<Grid Background="{TemplateBinding Background}">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="*"/>
									<ColumnDefinition Width="Auto"/>
								</Grid.ColumnDefinitions>
								<Grid.RowDefinitions>
									<RowDefinition Height="*"/>
									<RowDefinition Height="Auto"/>
								</Grid.RowDefinitions>
								<ScrollContentPresenter x:Name="ScrollContentPresenter" Cursor="{TemplateBinding Cursor}" Margin="{TemplateBinding Padding}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
								<Rectangle Fill="#FFE9EEF4" Grid.Column="1" Grid.Row="1"/>
								<ScrollBar x:Name="HorizontalScrollBar" IsTabStop="False" Height="18" Margin="-1,0,-1,-1" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" Grid.Column="0" Grid.Row="1" Maximum="{TemplateBinding ScrollableWidth}" Minimum="0" Value="{TemplateBinding HorizontalOffset}" Orientation="Horizontal" ViewportSize="{TemplateBinding ViewportWidth}" d:IsHidden="True"/>
							</Grid>
						</Border>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		
		<Style x:Key="CannesSliderThumb" TargetType="Thumb">
			<Setter Property="Background" Value="#FF1F3B53"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="IsTabStop" Value="False"/>
			<Setter Property="BorderBrush">
				<Setter.Value>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFA3AEB9" Offset="0"/>
						<GradientStop Color="#FF8399A9" Offset="0.375"/>
						<GradientStop Color="#FF718597" Offset="0.375"/>
						<GradientStop Color="#FF617584" Offset="1"/>
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
            <!-- template for the Horizontal thumb that appears in the middle of the scrollbar -->
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Thumb">
						<Grid x:Name="grid" Width="34" Height="18">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver">
										<Storyboard>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.85"/>
											</DoubleAnimationUsingKeyFrames>
											<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
												<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Black}"/>
											</ColorAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Offset)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Offset)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.009"/>
											</DoubleAnimationUsingKeyFrames>
											<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
												<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Black}"/>
											</ColorAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
											</DoubleAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.3"/>
											</DoubleAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
									<VisualState x:Name="Unfocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Rectangle x:Name="rectangle" RadiusX="3" RadiusY="3" Fill="{Binding Path=ButtonGradientBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}">
								<Rectangle.Effect>
									<DropShadowEffect BlurRadius="6" ShadowDepth="1" Opacity="0"/>
								</Rectangle.Effect>
								<Rectangle.Stroke>
									<SolidColorBrush Color="{StaticResource Gray_333}"/>
								</Rectangle.Stroke>
							</Rectangle>
							<Path x:Name="ArrowLeft" Fill="{Binding Path=ButtonFaceBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}" Stretch="Fill" Height="6" HorizontalAlignment="Left" VerticalAlignment="Center" Width="4" UseLayoutRounding="False" Data="M0,3.0000007 L2,3.0000007 L2,4.0000005 L3,4.0000005 L3,5.0000005 L4,5.0000005 L4,6.0000005 L2,6.0000005 L2,5.0000005 L1,5.0000005 L1,4.000001 L0,4.000001 z M1,1.0000006 L3,1.0000006 L3,2.0000005 L2,2.0000005 L2,3.0000005 L0,3.0000005 L0,2.0000005 L1,2.0000005 z M1.999997,0 L3.9999971,0 L3.9999971,1 L1.999997,1 z" Margin="9,0,0,0">
							</Path>
							<Path x:Name="ArrowRight" Fill="{Binding Path=ButtonFaceBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}" Stretch="Fill" Height="6" HorizontalAlignment="Right" Margin="0,0,9,0" VerticalAlignment="Center" Width="4" UseLayoutRounding="False" Data="M0,3.0000007 L2,3.0000007 L2,4.0000005 L3,4.0000005 L3,5.0000005 L4,5.0000005 L4,6.0000005 L2,6.0000005 L2,5.0000005 L1,5.0000005 L1,4.000001 L0,4.000001 z M1,1.0000006 L3,1.0000006 L3,2.0000005 L2,2.0000005 L2,3.0000005 L0,3.0000005 L0,2.0000005 L1,2.0000005 z M1.999997,0 L3.9999971,0 L3.9999971,1 L1.999997,1 z" RenderTransformOrigin="0.5,0.5">
								<Path.RenderTransform>
									<TransformGroup>
										<ScaleTransform ScaleX="-1"/>
										<SkewTransform AngleX="0" AngleY="0"/>
										<RotateTransform Angle="0"/>
										<TranslateTransform/>
									</TransformGroup>
								</Path.RenderTransform>
							</Path>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="CannesSlider" TargetType="Slider">
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="Maximum" Value="10"/>
			<Setter Property="Minimum" Value="0"/>
			<Setter Property="Value" Value="0"/>
			<Setter Property="BorderBrush">
				<Setter.Value>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFA3AEB9" Offset="0"/>
						<GradientStop Color="#FF617584" Offset="1"/>
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
			<Setter Property="IsTabStop" Value="False"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Slider">
						<Grid x:Name="Root">
							<Grid.Resources>
								<ControlTemplate x:Key="RepeatButtonTemplate">
									<Grid x:Name="Root" Opacity="0" Background="Transparent"/>
								</ControlTemplate>
							</Grid.Resources>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="HorizontalTrackRectangleDisabledOverlay" Storyboard.TargetProperty="Visibility">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="ThumbDisabledOverlay" Storyboard.TargetProperty="Visibility">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="VerticalTrackRectangleDisabledOverlay" Storyboard.TargetProperty="Visibility">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Grid x:Name="HorizontalTemplate" Background="{TemplateBinding Background}">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="Auto"/>
									<ColumnDefinition Width="Auto"/>
									<ColumnDefinition Width="*"/>
								</Grid.ColumnDefinitions>
								<Rectangle x:Name="TrackRectangle" Stroke="#FF8E8E8E" StrokeThickness="{TemplateBinding BorderThickness}" Height="3" Margin="5,0,5,0" Grid.Column="0" Grid.ColumnSpan="3"/>
								<Rectangle x:Name="HorizontalTrackRectangleDisabledOverlay" Fill="White" RadiusX="1" RadiusY="1" Height="3" Margin="5,0,5,0" Opacity=".55" Visibility="Collapsed" Grid.Column="0" Grid.ColumnSpan="3"/>
								<RepeatButton x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Height="18" Grid.Column="0"/>
								<Thumb x:Name="HorizontalThumb" IsTabStop="True" Height="18" Width="34" Grid.Column="1" Style="{StaticResource CannesSliderThumb}"/>
								<Rectangle x:Name="ThumbDisabledOverlay" Fill="White" RadiusX="2" RadiusY="2" Width="11" Opacity=".55" Visibility="Collapsed" Grid.Column="1"/>
								<RepeatButton x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Height="18" Grid.Column="2"/>
							</Grid>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
        <!-- template for the Left thumb that appears on the left of the horizontal scrollbar -->
		<Style x:Key="Cannes_ScrollLeft" TargetType="RepeatButton">
			<Setter Property="Background" Value="#FF1F3B53"/>            
			<Setter Property="Foreground" Value="#FF000000"/>
			<Setter Property="Padding" Value="3"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="BorderBrush">
				<Setter.Value>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFA3AEB9" Offset="0"/>
						<GradientStop Color="#FF8399A9" Offset="0.375"/>
						<GradientStop Color="#FF718597" Offset="0.375"/>
						<GradientStop Color="#FF617584" Offset="1"/>
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="RepeatButton">
						<Grid x:Name="grid" Width="18" Height="18">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver">
										<Storyboard>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.85"/>
											</DoubleAnimationUsingKeyFrames>
											<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
												<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Black}"/>
											</ColorAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
												<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Black}"/>
											</ColorAnimationUsingKeyFrames>   
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.3"/>
											</DoubleAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
									<VisualState x:Name="Unfocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Rectangle x:Name="rectangle" RadiusX="3" RadiusY="3" Fill="{Binding Path=ButtonGradientBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}">
								<Rectangle.Effect>
									<DropShadowEffect BlurRadius="6" Opacity="0" ShadowDepth="1"/>
								</Rectangle.Effect>
								<Rectangle.Stroke>
									<SolidColorBrush Color="{StaticResource Gray_333}"/>
								</Rectangle.Stroke>
							</Rectangle>
							<Path x:Name="path" Fill="{Binding Path=ButtonFaceBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}" Stretch="Fill" Height="6" HorizontalAlignment="Center" VerticalAlignment="Center" Width="4" UseLayoutRounding="False" Data="M1.0000012,4 L3.0000012,4 L3.0000012,4.9999971 L4.000001,4.9999971 L4.000001,5.9999971 L2.0000007,5.9999971 L2.0000007,5 L1.0000012,5 z M0,2 L2,2 L2,2.9999988 L2,3.9999988 L0,3.9999988 L0,3 z M2.0000021,0 L4.0000019,0 L4.0000019,1 L3.0000012,1 L3.0000012,1.9999988 L1.0000012,1.9999988 L1.0000012,0.99999881 L2.0000021,0.99999881 z">
							</Path>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
        <!-- template for the right thumb that appears on the right of the horizontal scrollbar -->
		<Style x:Key="Cannes_ScrollRight" TargetType="RepeatButton">
			<Setter Property="Background" Value="#FF1F3B53"/>
			<Setter Property="Foreground" Value="#FF000000"/>
			<Setter Property="Padding" Value="3"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="BorderBrush">
				<Setter.Value>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFA3AEB9" Offset="0"/>
						<GradientStop Color="#FF8399A9" Offset="0.375"/>
						<GradientStop Color="#FF718597" Offset="0.375"/>
						<GradientStop Color="#FF617584" Offset="1"/>
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="RepeatButton">
						<Grid x:Name="grid" Width="18" Height="18">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver">
										<Storyboard>
											<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
												<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Black}"/>
											</ColorAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.85"/>
											</DoubleAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
												<EasingColorKeyFrame KeyTime="00:00:00" Value="{StaticResource Black}"/>
											</ColorAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
												<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.3"/>
											</DoubleAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
									<VisualState x:Name="Unfocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Rectangle x:Name="rectangle" RadiusX="3" RadiusY="3" Fill="{Binding Path=ButtonGradientBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}">
								<Rectangle.Effect>
									<DropShadowEffect BlurRadius="6" Opacity="0" ShadowDepth="1"/>
								</Rectangle.Effect>
								<Rectangle.Stroke>
									<SolidColorBrush Color="{StaticResource Gray_333}"/>
								</Rectangle.Stroke>
							</Rectangle>
							<Path x:Name="path" Stretch="Fill" Fill="{Binding Path=ButtonFaceBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}" Height="6" HorizontalAlignment="Center" VerticalAlignment="Center" Width="4" UseLayoutRounding="False" Data="M1.0000012,4 L3.0000012,4 L3.0000012,4.9999971 L4.000001,4.9999971 L4.000001,5.9999971 L2.0000007,5.9999971 L2.0000007,5 L1.0000012,5 z M0,2 L2,2 L2,2.9999988 L2,3.9999988 L0,3.9999988 L0,3 z M2.0000021,0 L4.0000019,0 L4.0000019,1 L3.0000012,1 L3.0000012,1.9999988 L1.0000012,1.9999988 L1.0000012,0.99999881 L2.0000021,0.99999881 z" RenderTransformOrigin="0.5,0.5">
								<Path.RenderTransform>
									<TransformGroup>
										<ScaleTransform ScaleX="-1"/>
										<SkewTransform AngleX="0" AngleY="0"/>
										<RotateTransform Angle="0"/>
										<TranslateTransform/>
									</TransformGroup>
								</Path.RenderTransform>
							</Path>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</Application.Resources>
</Application>
